<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>New Web Project</title>
    <link type="text/css" rel="stylesheet" href="../../dist/cute.css"/>
</head>
<body class="m8">
<h2>style</h2>
<h3>Unordered</h3>
<ul class="styled">
    <li>Lorem ipsum dolor sit amet</li>
    <li>Consectetur adipiscing elit</li>
    <li>Integer molestie lorem at massa</li>
    <li>Lorem ipsum dolor sit amet
        <ul>
            <li>Consectetur adipiscing elit</li>
            <li>Integer molestie lorem at massa</li>
        </ul>
    </li>
    <li>Integer molestie lorem at massa</li>
</ul>
<ul class="styled">
    <li>Lorem ipsum dolor sit amet</li>
    <li>Consectetur adipiscing elit</li>
    <li>Integer molestie lorem at massa</li>
    <li>Lorem ipsum dolor sit amet
        <ol>
            <li>Consectetur adipiscing elit</li>
            <li>Integer molestie lorem at massa</li>
        </ol>
    </li>
    <li>Integer molestie lorem at massa</li>
</ul>

<h3>Ordered</h3>
<ol class="styled">
    <li>Lorem ipsum dolor sit amet</li>
    <li>Consectetur adipiscing elit</li>
    <li>Integer molestie lorem at massa</li>
    <li>Lorem ipsum dolor sit amet
        <ol>
            <li>Consectetur adipiscing elit</li>
            <li>Integer molestie lorem at massa</li>
        </ol>
    </li>
    <li>Integer molestie lorem at massa</li>
</ol>

<ol class="styled">
    <li>Lorem ipsum dolor sit amet</li>
    <li>Consectetur adipiscing elit</li>
    <li>Integer molestie lorem at massa</li>
    <li>Lorem ipsum dolor sit amet
        <ul>
            <li>Consectetur adipiscing elit</li>
            <li>Integer molestie lorem at massa</li>
        </ul>
    </li>
    <li>Integer molestie lorem at massa</li>
</ol>

<hr/>
<h2>unstyle</h2>
<ul>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Consectetur adipiscing elit</li>
    <li>Integer molestie lorem at massa</li>
</ul>

<hr/>
<h2>Description List</h2>
<dl>
    <dt>Description lists</dt>
    <dd>A description list is perfect for defining terms.</dd>
    <dt>Euismod</dt>
    <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
    <dd>Donec id elit non mi porta gravida at eget metus.</dd>
    <dt>Malesuada porta</dt>
    <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
</dl>
</body>
</html>